﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta name="keywords" content="jQuery Menu, Main Menu, Context Menu, Vertical Menu, Popup Menu, Menu, jqxMenu" /> 
        <meta name="description" content="ABM"/>
        <title id='Description'>ABM WEB</title>
        <link rel="stylesheet" href="./jqwid/jqwidgets/styles/jqx.base.css" type="text/css" />
        
        <script type="text/javascript" src="./jqwid/scripts/jquery-1.10.2.min.js"></script>
        <script type="text/javascript" src="./jqwid/jqwidgets/jqxcore.js"></script>
        <script type="text/javascript" src="./jqwid/jqwidgets/jqxdata.js"></script>
        <script type="text/javascript" src="./jqwid/jqwidgets/jqxbuttons.js"></script>
        <script type="text/javascript" src="./jqwid/jqwidgets/jqxscrollbar.js"></script>
        <script type="text/javascript" src="./jqwid/jqwidgets/jqxgrid.selection.js"></script> 
        <script type="text/javascript" src="./jqwid/jqwidgets/jqxgrid.columnsresize.js"></script> 
        <script type="text/javascript" src="./jqwid/jqwidgets/jqxlistbox.js"></script>
        <script type="text/javascript" src="./jqwid/jqwidgets/jqxdropdownlist.js"></script>
        <script type="text/javascript" src="./jqwid/jqwidgets/jqxmenu.js"></script>
        <script type="text/javascript" src="./jqwid/jqwidgets/jqxgrid.js"></script>
        <script type="text/javascript" src="./jqwid/jqwidgets/jqxgrid.filter.js"></script>
        <script type="text/javascript" src="./jqwid/jqwidgets/jqxgrid.sort.js"></script>
        <script type="text/javascript" src="./jqwid/jqwidgets/jqxgrid.pager.js"></script>
        <script type="text/javascript" src="./jqwid/jqwidgets/jqxgrid.selection.js"></script>
        <script type="text/javascript" src="./jqwid/jqwidgets/jqxpanel.js"></script>
        <script type="text/javascript" src="./jqwid/jqwidgets/jqxcalendar.js"></script>
        <script type="text/javascript" src="./jqwid/jqwidgets/jqxdatetimeinput.js"></script>
        <script type="text/javascript" src="./jqwid/jqwidgets/jqxcheckbox.js"></script>
	<script type="text/javascript" src="./jqwid/jqwidgets/jqxlistbox.js"></script>
        <script type="text/javascript" src="./jqwid/jqwidgets/jqxwindow.js"></script>
        <script type="text/javascript" src="./jqwid/jqwidgets/jqxcombobox.js"></script>


        <script type="text/javascript" src="./jqwid/jqwidgets/globalization/globalize.js"></script>
        <script type="text/javascript" src="./jqwid/scripts/gettheme.js"></script>
        <script type="text/javascript" src="./js/generatedata.js"></script>
        <script type="text/javascript" src="./js/functions.js"></script>
        <script type="text/javascript" src="./js/bootstrap.js"></script>
        <script type="text/javascript" src="./js/require.js" data-main="js/main"></script>
        <script type="text/javascript">
            requirejs.config({
                shim: {
                    'underscore': {
                        exports: '_'
                    },
                    'backbone': {
                        deps: ['underscore'],
                        exports: 'Backbone'
                    }
                }
            });
        </script>

    </head>
    <body>
        <div id='content' align="center">
            <script type="text/javascript">
                $(document).ready(function() {
                    var theme = getDemoTheme();
                    // Create a jqxMenu
                    $("#jqxMenu").jqxMenu({enableHover: false, clickToOpen: true, width: '300', theme: theme});
                    $("#jqxMenu").css('visibility', 'visible');
                    
                });
            </script>
            <table>
                <tr><td valign="top" align="center">
                        <div id='jqxWidget' style='width: 1000px;'>
                                                    

                            <div id='jqxMenu' style="visibility: hidden;">
                                <ul>
                                    <li id="listarProducto">Productos</li>
                                    <li id="listarCliente">Clientes</li>
                                    <li id="listarVenta">Ventas
                                        <ul>
                                            <li id="crearVenta">Crear</li>
                                            <li id="modificarVenta">Modificar</li>
                                            <li id="eliminarVenta">Eliminar</li>
                                        </ul>
                                    </li>
                                    <li id="listarPago">Pagos
                                        <ul>
                                            <li id="crearPago">Crear</li>
                                            <li id="modificarPago">Modificar</li>
                                            <li id="eliminarPago">Eliminar</li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div>
                            <input id="guardarCliente" type="hidden"/>
                            <input id="modificandoCliente" type="hidden"/>
                            <input id="guardarProducto" type="hidden"/>
                            <input id="guardarPago" type="hidden"/>
                            <input id="modificandoPago" type="hidden"/>
                        </div>
                        <br/>
                    <div id="botonesCliente" style="display: none">
                        <input id="crearCliente" type="button" value="Crear"/>
                        <input id="modificarCliente" type="button" value="Modificar"/>
                        <input id="eliminarCliente" type="button" value="Eliminar"/>
                    </div>
                    <div id="botonesProducto" style="display: none">
                        <input id="crearProducto" type="button" value="Crear"/>
                        <input id="modificarProducto" type="button" value="Modificar"/>
                        <input id="eliminarProducto" type="button" value="Eliminar"/>
                    </div>
                    <div id="botonesVenta" style="display: none">
                        <input id="crearVenta" type="button" value="Crear"/>
                        <input id="modificarVenta" type="button" value="Modificar"/>
                        <input id="eliminarVenta" type="button" value="Eliminar"/>
                    </div>
                    <div id="botonesPago" style="display: none">
                        <input id="crearPago" type="button" value="Crear"/>
                        <input id="modificarPago" type="button" value="Modificar"/>
                        <input id="eliminarPago" type="button" value="Eliminar"/>
                    </div>
                    </td>
                       
                </tr
                <tr >
                    <td align="center">
                        <div id="main">
                        </div>
                    </td>
                </tr>
            </table>
           <input id="selectrowindex" type="hidden"></input>
        </div>
        <div id="ventanaCliente" style="display: none">
        <div>
            <table>
                <tr><td><label>Nombre: </label></td>
                    <td><input id="nombreCliente"/></td>
                </tr>
                <tr><td><label>Apellido: </label>
                    </td><td><input id="apellidoCliente"/></td>
                </tr>
                <tr><td><label>Cedula: </label></td>   
                    <td><input id="cedulaCliente"/></td>   
                </tr>
                <tr><td><label>Dirección: </label></td>   
                    <td><input id="direccionCliente"/></td>   
                </tr>
                <tr><td><label>Telefono: </label></td>
                    <td><input id="telefonoCliente"/></td>
                </tr>
                <tr>
                    <td><input id="guardarCli" type="button" value="Guardar" onclick="$('#guardarCliente').click()" />
                    <input id="modificandoCli" type="button" value="Guardar" onclick="$('#modificandoCliente').click()" />
                    </td>
                </tr>
            </table>
            
            </div>
        </div>
        <div id="ventanaProducto" style="display: none">
        <div>
            <table>
                <tr><td><label>Código: </label>
                    </td><td><input id="codigoProducto"/></td>
                </tr>
                <tr><td><label>Nombre: </label></td>
                    <td><input id="nombreProducto"/></td>
                </tr>
                <tr><td><label>Descripción: </label></td>   
                    <td><input id="descripcionProducto"/></td>   
                </tr>
                <tr><td><label>Costo: </label></td>   
                    <td><input id="costoProducto"/></td>   
                </tr>
                <tr><td><label>Precio: </label></td>
                    <td><input id="precioProducto"/></td>
                </tr>
                <tr><td><label>Existencia: </label></td>
                    <td><input id="existenciaProducto"/></td>
                </tr>
                <tr>
                    <td><input id="guardarPro" type="button" value="Guardar" onclick="$('#guardarProducto').click()" />
                    </td>
                </tr>
            </table>
            
            </div>
            <div id="ventanaPago" style="display: none">
            <div>
                <table>
                    <tr><td><label>Fecha: </label>
                        </td><td><input id="fecha"/></td>
                    </tr>
                    <tr><td><label>Numero Pago: </label></td>
                        <td><input id="numeroPago"/></td>
                    </tr>
                    <tr><td><label>Numero Venta: </label></td>   
                        <td><div id="venta">
            </div></td>   
                    </tr>
                    <tr><td><label>Monto: </label></td>   
                        <td><input id="monto"/></td>   
                    </tr>
                    <tr>
                        <td><input id="guardarPa" type="button" value="Guardar" onclick="$('#guardarPago').click()" />
                            <input id="modificandoPa" type="button" value="Guardar" onclick="$('#modificandoPago').click()" />
                        </td>
                    </tr>
                </table>
                <div id="combobox">

                </div>
            </div>
        
    </body>
</html>


